@import "variables";
.default-bg{
  background: color($h5,c9);
}

.icon-tips{
  width: 100%;
  background: #FFFFFF;
  text-align: center;
  min-height: pxTorem(360px);
  img{
    width: pxTorem(120px);
    display: block;
    padding-top: pxTorem(60px);
    padding-bottom: pxTorem(40px);
  }
  p{
    font-size: pxTorem(26);
    color: color($h5,c4);
    text-align: center;
  }
  .msg-success{
    font-size: pxTorem(32);
    color: color($h5,c2);
    margin-bottom: pxTorem(15);
  }
}

.payment-content{
  margin-top: pxTorem(20px);
  p{
    background: #FFFFFF;
    padding: 0 pxTorem(30px);
    border-bottom: 1px solid color($h5,c9);
    @include font-dpr(28px);
  }
  .payment-goods-name{
    @include multi-line-exllipsis(2);
    padding: pxTorem(16) pxTorem(30);
    line-height: pxTorem(50);
    color: color($h5,c2);
    font-weight: bold;
  }
  //p:first-child{
  //  color: color($h5,c2);
  //  font-weight: bold;
  //  padding: pxTorem(25px) pxTorem(30px);
  //  line-height: pxTorem(40px);
  //}
  p:last-child{
    color: color($h5,c3);
    line-height: pxTorem(88px);
    span{
      color: color($h5,c15);
    }
  }
}

.payment-type{
  margin-bottom: pxTorem(120);
  .type-title{
    margin-top: pxTorem(30px);
    margin-left: pxTorem(30px);
    margin-bottom: pxTorem(15px);
    @include font-dpr(26px);
    color: color($h5,c3);
  }
  .type-item{
    background: #FFFFFF;
    padding:0 pxTorem(30px);
    display: flex;
    align-items: center;
    line-height: pxTorem(100px);
    border-bottom: 1px solid color($h5,c9);
    .icon{
      width: pxTorem(46px);
      height: pxTorem(46px);
      img{
        width: 100%;
        display: block;
      }
    }
    .word{
      flex: 1;
      padding-left: pxTorem(20px);
    }
    .icon-type{
      width: pxTorem(30px);
      height: pxTorem(30px);
      background-image: url(#{$icons-path}/round-default.png);
      background-repeat: no-repeat;
      background-size: contain;
    }
    .icon-type.active{
      background-image: url(#{$icons-path}/round-active.png);
    }
  }
}
.btn-wrap-payment{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  .sub-btn{
    button{
      width:100%;
      height: pxTorem(88px);
      @include font-dpr(30px);
      background: color($h5,c1);
      color: color($h5,c10);
      &:disabled{
        opacity: 0.3
      }
    }

  }
  .tips1{
    @include font-dpr(28px);
    color: color($h5,c13);
    margin:pxTorem(20px) pxTorem(30px);
  }
  .tips2{
    @include font-dpr(24px);
    color: color($h5,c4);
    margin:pxTorem(10px) pxTorem(30px) pxTorem(20px) pxTorem(30px);
  }
}
